<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Cubes Layout</title>
  <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Montserrat:400,600'><link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<main class="page wrap-3d js-container-3d">
  <section class="unit-1 unit-hero js-unit">
    <header class="unit-header unit-box">
      <h1 class="head-large">EMIIA.AI ANALYTICS</h1>
    </header>
  </section>
  <section class="unit-2 js-unit">
    <div class="unit-bg-sphere"></div>
    <div class="unit-box">
      <h1 class="head-small">I watched the storm</h1>
      <p class="box-copy">
        Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
      </p>
    </div>
  </section>
  <section class="unit-3 js-unit">
    <div class="unit-bg-line"></div>
    <header class="unit-header unit-box">
      <h1 class="head-large">Jukebox <br/>music</h1>
    </header>
  </section>
  <section class="unit-4 js-unit">
    <div class="unit-bg-triangle"></div>
    <div class="unit-box">
      <h1 class="head-small">The face of the moon</h1>
      <p class="box-copy">
        Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
      </p>
    </div>
  </section>
  <section class="objects-3d">

    <div class="box-3d js-box-3d">
      <div class="box-3d-front"></div>
      <div class="box-3d-right"></div>
      <div class="box-3d-back"></div>
      <div class="box-3d-left"></div>
      <div class="box-3d-top"></div>
      <div class="box-3d-bottom"></div>
    </div>

    <div class="box-3d js-box-3d">
      <div class="box-3d-front"></div>
      <div class="box-3d-right"></div>
      <div class="box-3d-back"></div>
      <div class="box-3d-left"></div>
      <div class="box-3d-top"></div>
      <div class="box-3d-bottom"></div>
    </div>

    <div class="box-3d js-box-3d">
      <div class="box-3d-front"></div>
      <div class="box-3d-right"></div>
      <div class="box-3d-back"></div>
      <div class="box-3d-left"></div>
      <div class="box-3d-top"></div>
      <div class="box-3d-bottom"></div>
    </div>
    
    <div class="box-3d js-box-3d">
      <div class="box-3d-front"></div>
      <div class="box-3d-right"></div>
      <div class="box-3d-back"></div>
      <div class="box-3d-left"></div>
      <div class="box-3d-top"></div>
      <div class="box-3d-bottom"></div>
    </div>

    <div class="box-3d js-box-3d">
      <div class="box-3d-front"></div>
      <div class="box-3d-right"></div>
      <div class="box-3d-back"></div>
      <div class="box-3d-left"></div>
      <div class="box-3d-top"></div>
      <div class="box-3d-bottom"></div>
    </div>

    <div class="box-3d js-box-3d">
      <div class="box-3d-front"></div>
      <div class="box-3d-right"></div>
      <div class="box-3d-back"></div>
      <div class="box-3d-left"></div>
      <div class="box-3d-top"></div>
      <div class="box-3d-bottom"></div>
    </div>
    
    <div class="box-3d js-box-3d">
      <div class="box-3d-front"></div>
      <div class="box-3d-right"></div>
      <div class="box-3d-back"></div>
      <div class="box-3d-left"></div>
      <div class="box-3d-top"></div>
      <div class="box-3d-bottom"></div>
    </div>
    
    <div class="box-3d js-box-3d">
      <div class="box-3d-front"></div>
      <div class="box-3d-right"></div>
      <div class="box-3d-back"></div>
      <div class="box-3d-left"></div>
      <div class="box-3d-top"></div>
      <div class="box-3d-bottom"></div>
    </div>

    <div class="box-3d js-box-3d">
      <div class="box-3d-front"></div>
      <div class="box-3d-right"></div>
      <div class="box-3d-back"></div>
      <div class="box-3d-left"></div>
      <div class="box-3d-top"></div>
      <div class="box-3d-bottom"></div>
    </div>

    <div class="box-3d js-box-3d">
      <div class="box-3d-front"></div>
      <div class="box-3d-right"></div>
      <div class="box-3d-back"></div>
      <div class="box-3d-left"></div>
      <div class="box-3d-top"></div>
      <div class="box-3d-bottom"></div>
    </div>

  </section>
</main>
<!-- partial -->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js'></script><script  src="./script.js"></script>

</body>
</html>
